<template>
    <div>
        <el-button v-for="btn in btns" :key="btn.id" :type="btn.id === activeBtnId ? 'danger' : ''"
            @click="activeBtnId = btn.id">{{ btn.name }}</el-button>
    </div>
</template>

<script>
export default {
    name: "btns",
    components: {

    },
    data () {
        return {
            activeBtnId: 0,
            btns: [
                { id: 0, name: '基本信息' },
                { id: 1, name: '参数规格' },
                { id: 2, name: '装备展示' },
                { id: 3, name: '销售记录' },
                { id: 4, name: '装备评价' },
                { id: 5, name: '教学中心' },
                { id: 6, name: '产品论坛' }
            ]
        }
    },
    mounted () {

    },
    methods: {

    }
}
</script>

<style lang="less" scoped></style>